<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <!--                                           -->
        <!-- Any title is fine                         -->
        <!--                                           -->
        <title>Redora Showcase</title>
        
        <!--CSS for loading message at application Startup-->
        <style type="text/css">
            #loading {
                border: 1px solid #ccc;
                position: absolute;
                left: 45%;
                top: 40%;
                padding: 2px;
                z-index: 20001;
                height: auto;
            }
    
            #loading a {
                color: #225588;
            }
    
            #loading .loadingIndicator {
                background: white;
                font: bold 13px tahoma, arial, helvetica;
                padding: 10px;
                margin: 0;
                height: auto;
                color: #444;
            }
    
            #loadingMsg {
                font: normal 10px arial, tahoma, sans-serif;
            }
        </style>

        <!--script for HTML Editing-->
        <script type="text/javascript">
            var CKEDITOR_BASEPATH = 'ckeditor/';
        </script>
        <script type="text/javascript" language="javascript"
                src="ckeditor/ckeditor.js"></script>
        
    </head>

    <!--                                           -->
    <!-- The body can have arbitrary html, or      -->
    <!-- you can leave the body empty if you want  -->
    <!-- to create a completely dynamic UI.        -->
    <!--                                           -->
    <body>

        <!-- OPTIONAL: include this if you want history support -->
        <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
        <div id="messageLabel" width="100%"></div>
    
        <!--add loading indicator while the app is being loaded-->
        <div id="loadingWrapper">
            <div id="loading">
                <div class="loadingIndicator">
                    <img src="images/busy.gif" width="16" height="16" style="margin-right:8px;float:left;vertical-align:top;"/>Redora<br/>
                    <span id="loadingMsg">Loading styles and images...</span>
                </div>
            </div>
        </div>
    
        <script> var isomorphicDir = "sc/"; </script>
    
        <script>
        function readCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for(var i=0;i < ca.length;i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1,c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
            }
            return null;
        }
        // Determine what skin file to load
        var currentSkin = readCookie('skin_name');
        if (currentSkin == null) currentSkin = "Enterprise";
        </script>

    <!--include the application JS-->
        <script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Project<br>Please wait...';</script>
        <script type="text/javascript" src="showcase.nocache.js"></script>

    </body>
</html>
